<template>
	<view class="main-content">
		<index-header></index-header>
		<view class="content">
			<view class="banner_title">
				<img src="../../static/img/home/banner.png" alt="">
			</view>
			<view class=" sharecode">
				<img src="/static/img/ewm.jpg" alt="">
				<img src="/static/img/qqq.png" alt="">
			</view>
			<view class="_title1">
				<view class="cfx"></view>
				<text>第二季 测绘大讲堂视频回顾</text>
			</view>
			<view class="_content1">
			<p>中国测绘学会关于举办“测绘大讲堂”第二季活动的通知</p>
			</view>
			<view class="container_qk"  v-for="(key,index) in listAll" :key="index">
				<view class="_title1" @click="toggleShow(index)">
					<view class="cfx"></view>
					<p>第一期 03月04日（09:00-11:30）国际测量发展方向</p>
					<span>更多+</span>
				</view>
				<view class="container_1" v-for="(key1,index1) in 3"  :key="index1" v-if="key.hide ? true:false">
					<view class="_content1 c2">
					<view class="content_img">
						<img src="../../static/img/home/banner.png" alt="">
					</view>
					<view class="content_info">
						测绘大讲堂第二季第一期宣传片
					</view>
					</view>
				</view>
			</view>
		</view>
		<bottom :topState="topState" @goTop="goTop"></bottom>
	</view>	
</template>

<script>
	import {
	    mapState,
	    mapMutations
	} from 'vuex';
	export default {
		data() {
			return {
				listAll:[{"a":1,hide:true},{"b":2},{"a":1}],
				topState:false,
				// vshow:false
			}
		},
		methods: {
			goTop(){
					uni.pageScrollTo({ 
			　　　　　　scrollTop: 0, 
						duration: 300 
			　　　　}); 
				},
				toggleShow(index){
				 
				        let obj = this.listAll[index]; // 找到点击的dom对象
						console.log(obj)
				        obj.hide = !obj.hide; // 向这个对象中添加 hide 属性
				 
				        this.$set(this.listAll, index, obj); // 把添加完hide 属性的新对象set()进data数据中
				 
				    }
				
		}
	}
</script>

<style lang="scss">
@import "../../common/comm_nohead.css"

</style>
